<!doctype html>
<html lang="en" manifest="../html/cartoonreader.manifest">
  <head>
    <title>CartoonReader</title>
    <link rel="stylesheet" href="../css/manage-view.css" type="text/css" />
    <script type="text/javascript" src="../js/jquery-1.4.min.js"></script>
    <script type="text/javascript" src="../js/jquery.ba-bbq.min.js"></script>
    <script type="text/javascript" src="../js/FeedUpdateBroker.js" ></script>
    <script type="text/javascript" src="../js/cartoonreader-libs.js" ></script>
    <script type="text/javascript" src="../js/cartoonmanager.js" ></script>
  </head>
  <body>
    <header>
      <div id="headerContainer"><h1 id="cartoonReader"><img src="../images/cartoon_reader_text.png" alt="Cartoon reader!" /></h1></div>
      <nav>
        <ul id="topNavigation">
          <li id="backLi"><button id="backButton" name="backButton"><img src="../images/icon_back.png" alt="Info" /></button></li>
          <li id="addLi"><button id="addButton" name="addButton"><img src="../images/icon_add.png" alt="Add cartoon" /></button></li>
        </ul>
      </nav>
    </header>
    <section id="newCartoonSourceSection">
      <div id="newCartoonSourceContainer">
        <form>
          <fieldset>
            <label for="newCartoonSourceURL">Add cartoon feed URL:</label>
            <div id="newCartoonSourceError"></div>
            <input id="newCartoonSourceURL" type="text" /><div class="activity"><img id="newCartoonAddActivity" src="" alt="" /></div>
            <div class="buttons">
              <button id="addFeedButton" name ="addFeedButton" type="button">Save</button>
              <button id="cancelAddFeedButton" name ="cancelAddFeedButton" type="button">Cancel</button>
            </div>
          </fieldset>
        </form>
      </div>
    </section>
    <article id="cartoons">
      <ul id="cartoonList">
      </ul>
    </article>
  </body>
</html>
